
<template>
  <div id="app">
    <el-container>
      <el-header style="background-color: #ff514f ;height: 60px;">
        <el-menu
            :default-active="$route.path" router
            class="el-menu-demo"
            mode="horizontal"
            @select="handleSelect"
            background-color="#ff514f"
            text-color="#fff"
            active-text-color="#ffd04b">
          <el-menu-item index="/">处理中心</el-menu-item>
          <el-submenu index="2">
            <template slot="title">用户管理</template>
            <el-menu-item index="/admin">选项1</el-menu-item>
            <el-menu-item index="2-2">选项2</el-menu-item>
            <el-menu-item index="2-3">选项3</el-menu-item>
            <el-submenu index="2-4">
              <template slot="title">选项4</template>
              <el-menu-item index="2-4-1">选项1</el-menu-item>
              <el-menu-item index="2-4-2">选项2</el-menu-item>
              <el-menu-item index="2-4-3">选项3</el-menu-item>
            </el-submenu>
          </el-submenu>
          <el-menu-item index="3" disabled>消息中心</el-menu-item>
          <el-menu-item index="4"><a href="https://www.ele.me" target="_blank">订单管理</a></el-menu-item>
        </el-menu>
      </el-header>
      <el-container>
      </el-container>
    </el-container>
    <router-view/>
  </div>
</template>

<script lang="ts">
</script>

<style>
.el-carousel__item h3 {
  color: #475669;
  font-size: 14px;
  opacity: 0.75;
  line-height: 150px;
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n+1) {
  background-color: #d3dce6;
}

.el-menu{
  border-bottom: none !important;
}
</style>

